<template>
    <ve-ring
            :data="chart"
            :judge-width="true"
            :settings='chartSettings'
            height="calc(100% - 4px)"
            :legend="legend"
    ></ve-ring>
</template>

<script>
    export default {
        name: "chanelcallrate",
        data () {
            this.chartSettings = {
                radius: ['42%','55%'],
                offsetY:'48%',
                label:{
                    formatter:'{d}%',
                    fontSize:16
                }

            }
            return {
               /* chartData: {
                    columns: ['地区', '占比'],
                    rows: [
                        { '地区': '北京', '占比': 1393 },
                        { '地区': '上海', '占比': 3530 },
                        { '地区': '内蒙古', '占比': 2923 },
                        { '地区': '江西', '占比': 1723 },
                        { '地区': '广东', '占比': 3792 },
                        { '地区': '其它', '占比': 4593 }
                    ]
                },*/

                legend: {
                    y: 'bottom',
                    textStyle:{
                        fontSize:16,
                        color:'#fff'
                    },
                    itemWidth :14
                }
            }
        },
        computed:{
            /*chartData(){
                if(this.chardata.length){
                    return this.chardata;
                }else {

                }
            }*/
            //chanelcallratedata
        },
        props:['chart']
    }
</script>

<style scoped>

</style>
